博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加载静态文件,父模板的继承和扩展
阅读量:6914 次
发布时间:2019-06-27

本文共 1747 字,大约阅读时间需要 5 分钟。

  1. 用url_for加载静态文件
    1. <script src="{
      { url_for('static',filename='js/login.js') }}"></script>
    2. flask 从static文件夹开始寻找
    3. 可用于加载css, js, image文件
  2. 继承和扩展
    1. 把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
    2. 子模板继承父模板
      1.   {% extends 'base.html’ %}
    3. 父模板提前定义好子模板可以实现一些自己需求的位置及名称。block
      1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
      2. {% block head %}{% endblock %}
      3. {% block main %}{% endblock %}
    4. 子模板中写代码实现自己的需求。block
      1.   {% block title %}登录{% endblock %}
  3. 首页、登录页、注册页都按上述步骤改写。

py:

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def daohang():    return render_template('daohang.html')@app.route('/login/')def login():    return render_template('1031.html')@app.route('/regist/')def regist():    return render_template('regist.html')if __name__ == '__main__':    app.run(debug=True)

首页:

    
{% block title %}{% endblock %}首页
{% block head %}{% endblock %}
{% block main %}{% endblock %}

登录:

{% extends'daohang.html' %}{% block title %}登录{% endblock %}{% block head %}    
'{% endblock %}{% block main %}

登录

{% endblock %}

 

 注册:

{% extends'daohang.html' %}{% block title %}注册{% endblock %}{% block head %}    
{% endblock %}{% block main %}

注册

{% endblock %}

 

转载于:https://www.cnblogs.com/chenhuafei/p/7781054.html

你可能感兴趣的文章
Qt之QNetworkInterface
查看>>
Sentry 8.17.0 发布,Python 实时日志平台
查看>>
深圳卓炎科技的企业网站建设实战经验分享
查看>>
通过阿里云ECS从零开始构建网站
查看>>
《开源思索集》一开放源码是开源软件吗? - 简书
查看>>
Ubuntu Touch将支持用户数据加密:目前暂无时间表
查看>>
《金蝶ERP—K/3标准财务模拟实训(11.X版)》——导读
查看>>
开发者必备:基于 Linux 生态的十大AI开源框架盘
查看>>
《基于ArcGIS的Python编程秘笈(第2版)》——2.10 更新图层的符号系统
查看>>
SAP的ABAP屏幕程序如何使用Table Control进行数据交互
查看>>
Visual Studio 将集成 Cordova 支持跨平台开发
查看>>
这些方法助你优化 Android 启动速度
查看>>
《简明电路分析》——2.4节单口网络
查看>>
《动手玩转Arduino》——10.4 作品36:做一个三区域触摸开关
查看>>
《位置大数据隐私管理》—— 导读
查看>>
如何在 Ubuntu 以及 Debian 中安装 DHCP 服务器
查看>>
《图数据库》——2.1 关系型数据库缺少联系
查看>>
16万Facebook数据告诉你,单身狗更爱养猫
查看>>
《JUnit实战(第2版)》—— 1.6 使用JUnit测试
查看>>
C++程序设计:原理与实践(进阶篇)17.6 Shape
查看>>